<%-- 
    Document   : loja
    Created on : Sep 20, 2012, 3:10:49 PM
    Author     : Abraao
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!--
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Minha Loja</title>
        <script type="text/javascript" src="js/script.js"></script>
        <script type="text/javascript" src="js/jquery.js"></script>
    </head>
    <body>
        <div id="topo">
            <div id="direita">
                <input id="busca" type="text" placeholder="Nome do produto"/>
                <input type="submit" onclick="getListProducts($('#busca').val())" value="Pesquisar"/>
            </div>
            <div id="listProduct"></div>
        </div>
    </body>
</html>
-->

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Página do Especialista</title>
        
        <link rel="stylesheet" href="bootstrap/css/bootstrap.css" type="text/css"/>
        <link rel="stylesheet" href="css/especialista.css" type="text/css"/>
        
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
        <script type="text/javascript" src="js/script.js"></script>
 
    </head>
    <body>
        <div id="fb-root"></div>
        <div class="container">
                <div class="navbar">
                    <div class="navbar-inner">
                           <a class="brand" href="#"><img alt="" src="layout/netSaleLogo.png" /></a>
                           <ul class="nav pull-left">
                             <li class="active"><a href="#">Home</a></li>
                             <li class="divider-vertical"></li>
                             <li><a href="#">Meus Produtos</a></li>

                             <li class="divider-vertical"></li>
                             <li><a href="#">Estatísticas</a></li>
                             <li class="divider-vertical"></li>
                           </ul>
                           <ul class="nav pull-right">
                             <li>
                                  <input id="busca" style="margin-right:15px;height:30px" type="text" placeholder="buscar produto"/>
                             </li>
                             <li>
                                  <input type="submit" class="btn" onclick="getListProducts($('#busca').val())" value="Buscar"/>
                             </li>
                             <li class="divider-vertical"></li>

                             <li><a href="javascript:FB.logout()">Logout</a></li>

                           </ul>
                     </div>
           </div>

           <div class="lado-esquerdo pull-left">
                   <ul class="nav nav-tabs lado-esquerdo-menu">
                     <li class="active">
                           <a href="#tab1" data-toggle="tab">Loja</a>
                     </li>
                     <li><a href="#tab2" data-toggle="tab">Mural</a></li>
                     </ul>
                     <div class="tab-content">
                     <div class="tab-pane active" id="tab1">
                     <!--Conteúdo de "Loja"-->
                       <h3>Meus Produtos</h3>
                           <div id="listProduct"></div>
                           <!--
                             <li class="span4 center">
                                   <div class="thumbnail">
                                     <img class="produto" src="produtos/celular.png" alt="">
                                     <h3>Samsung Galaxy 5</h3>
                                     <p class="justify">Celular muito legal, moderno, que voce pode usar para baixar joguinhos, aplicativos e outras coisas super divertidas! Compre ja o seu!</p>

                                     <div class="botoes">
                                     <div class="buttons pull-left">
                                             <div class="btn-group trintapx" data-toggle="buttons-checkbox">
                                                   <button type="button" class="btn"><img src="layout/comment.png" alt="" /></button>
                                                   <button type="button" class="btn fonte-pequena">5</button>
                                             </div>
                                     </div>

                                     <div class="buttons pull-left">
                                             <div class="btn-group trintapx" data-toggle="buttons-checkbox">
                                                   <button type="button" class="btn"><img src="layout/like.png" alt="" /></button>
                                                   <button type="button" class="btn fonte-pequena">50</button>
                                             </div>
                                     </div>

                                     <div class="buttons pull-left">
                                             <div class="btn-group trintapx" data-toggle="buttons-checkbox">
                                                   <button type="button" class="btn"><img src="layout/clique.png" alt="" /></button>
                                                   <button type="button" class="btn fonte-pequena">10</button>
                                             </div>
                                     </div>
                                     </div>
                                   </div>
                             </li>
                             -->
                     </div>
                     <div class="tab-pane" id="tab2">
                       <p>Howdy, I'm in Section 2.</p>
                     </div>
               </div>
           </div>
           <div class="lado-direito pull-left">
                   <ul class="nav nav-list">
                   <li>
                        <div id="informacoes">
                           <img id="image" src="" alt="" />
                           <div id="medalha"></div>
                           <div id="nome"></div>
                           <span id="email"></span>
                           <script>getPointsUser();</script>
                       </div>
                   </li>
                   <li class="divider" style="margin-left:-14px;width:295px;border:#333333"></li>
                   <li>
                           Teste
                   </li>
                   </ul>
           </div>
        </div>
    </body>
</html>